<div class="tool-bar">

  <div class="col-sm-4">
    <div class="col-sm-3">
      <div class="row">
        <div class="col-sm-5 status-icon status-icon-2"></div>
        <div class="col-sm-7 status-name">正常</div>
      </div>
    </div>
    <div class="col-sm-3">
      <div class="row">
        <div class="col-sm-5 status-icon status-icon-4"></div>
        <div class="col-sm-7 status-name">预警</div>
      </div>
    </div>
    <div class="col-sm-3">
      <div class="row">
        <div class="col-sm-5 status-icon status-icon-5"></div>
        <div class="col-sm-7 status-name">报警</div>
      </div>
    </div>
  </div>
  <div id="btn" >
    <button class="btn btn-sm btn-default btn-back" (click)="goBack(true)"><span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span></button>
  </div>
  <div class="search-bar">
    <app-time-control-search [startTime]="startTime" [endTime]="endTime" (time)="freshTime($event)"></app-time-control-search>
  </div>
</div>
<!--机组-->
<div class="main-body">
  <div class="container-fluid">
    <div class="row" *ngIf="!spa">
      <div class="col-md-6 col-sm-1-color" *ngFor="let company of companys">
        <div class="icontext"[class.ictext]="spa">{{company.name}}</div>
        <div class="icon" *ngFor="let unit of company.units " (click)="navigator()">
            <app-chart-station-unit [status]="unit.status"></app-chart-station-unit>
          <div class="unit-index" >#{{unit.index}}</div>
        </div>
      </div>
    </div>
    <div class="row" *ngIf="spa">
      <div class="col-md-12 col-sm-1-color" *ngFor="let company of companys">
        <div class="icontext"[class.ictext]="spa">{{company.name}}</div>
        <div class="icon" *ngFor="let unit of company.units "[class.spa]="spa" (click)="navigator()">
          <app-chart-station-unit2 [status]="unit.status"></app-chart-station-unit2>
          <div class="unit-index" [class.u-index]="spa">#{{unit.index}}</div>
        </div>
      </div>
    </div>
  </div>
</div>
